var main = document.querySelector('main');
for(var i = 0 ;i < 2 ;i++){
    for(var j = 0 ;j <5 ;j++){
        var img = document.createElement('img');
        img.classList.add('car');
        img.src = 'img/'+(i*5+j+1)+'.jpg';
        main.appendChild(img);
        img.onmouseenter = function(){
            this.style.opacity = 1 ;
        }
        img.onmouseleave = function(){
            this.style.opacity = 0.3 ;
        }
    }
}

// 数组中数字排序
//小---->大

//排序常用方法： 冒泡排序、快速排序、二分排序、插入排序

// 冒泡排序

var arr = [1,3,0,35,34,12,23,1,4,5,36,45,90,2,3,1,89,56,101];

// 第一轮排序
// 效果：最右侧的元素最大;
//  i+1 < arr.length 
//  i < arr.length -1 
for(var i = 0 ; i < arr.length-1 ;i++){
   if(arr[i]>arr[i+1]){
        //左边的元素>右边的元素 ： 交换位置
        var temp = arr[i+1];
        arr[i+1] = arr[i];
        arr[i] = temp;
   }
}
console.log(arr);

//第二轮排序
// 效果：倒数第二个元素 第二大
// i + 1 < arr.length -1 
// i < arr.length -2 
for(var i = 0 ;i < arr.length - 2 ;i++){
    if(arr[i]>arr[i+1]){
        //左边的元素>右边的元素 ： 交换位置
        var temp = arr[i+1];
        arr[i+1] = arr[i];
        arr[i] = temp;
   }
}
console.log(arr);

// 进行几轮排序？？ arr.length-1
for(var j = 0 ; j< arr.length-1 ; j++){
    for(var i = 0 ;i < arr.length - j - 1  ;i++){
        if(arr[i]>arr[i+1]){
            //左边的元素>右边的元素 ： 交换位置
            var temp = arr[i+1];
            arr[i+1] = arr[i];
            arr[i] = temp;
        }
    }
}
console.log(arr);

// 思考问题：怎么不借助第三方变量，交换两个变量的值？？
// var a = 1;
// var b = 2 ;

var input = document.querySelector('input');
var input2 = document.querySelector('input:nth-of-type(2)');
input.onchange = function(){
    console.log('change');
    //怎么判断当前的input是选中还是取消??
    console.log(this.checked);
    // if(this.checked == true){
    //     input2.checked = this.checked;
    // }else{
    //     input2.checked = this.checked ;
    // }
    input2.checked = this.checked;
    // input2

}
input.oninput = function(){
    console.log('input');
}

// // 新建一个日期对象；可以获取当前的日期
// // 给的是0时区的时间;
// // 经度：西180 -- 0 --- 东180
// // 纬度：赤道0，往北 北纬90，往南 南纬90
// var now = new Date();
// console.log(now);
// // 获取时、分、秒
// var hour = now.getHours();
// var minute = now.getMinutes();
// var second = now.getSeconds();
// console.log(hour + ':' + minute + ':' + second);

// setInterval(function(){
//     console.log('---');
// },1000)